/* 详情页顶部css */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
a{
    text-decoration:none;
    color:#8c8c8c;
}
ul,ol{
    list-style: none;
}
body{
    font: 12px/1.5 "BlinkMacSystemFont", "-apple-system", "Microsoft YaHei UI", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
    color:#333;
}
input,button{
    outline: none;
}
img{
    width:100%;
}
/* 浮动 */
.fl{
    float: left;
}
.fr{
    float:right;
}
/* 清除浮动 */
.clearfix::after{
    content:'';
    visibility:hidden;
    display:block;
    clear:both;
}
/* 版心 */
.container{
    width:1200px;
    margin:0 auto;
}
/* 顶部条 */
.topbar{
    width:100%;
    height:32px;
    background-color:#f0f0f0;
    color:#8c8c8c;
    line-height: 32px;
}
.topbar a:hover,.topbar span:hover{
    color:#f21c1c;
}

/* 用户区 */
.user-area .login{
    margin-right:5px;
}
/* 顶部条菜单 */
.top-menu li{
    position: relative;
    float:left;
    padding: 0 8px;
}
.top-menu i{
    font-size:15px;
}
.drop-down{
    z-index:5;
}
/*下拉列表*/
.drop-down-list a{
    color:#333
}
.drop-down-list{
    display:none;
    position: absolute;
    width:85px;
    left:0;
    background-color:#fff;
    border:1px solid #dfdfdf;
}
.drop-down-list li{
    float:none;
    width:85px;
    height:32px;
}
.drop-down:hover{
    background-color: #fff;
}
.drop-down:hover .drop-down-list{
    display: block;
}
/*二维码  */
.download{
    display:none;
    position: absolute;
    left:0;
    width:230px;
    height:140px;
    box-sizing:border-box;
    padding:10px;
    border:1px solid #dfdfdf;
    background-color: #fff;
    text-align:center
}
.download i{
    font-size:18px;
    vertical-align: -2px;
}
.download .pic{
    width:100px;
}
.download p{
    line-height: 0;
    color:#333;
}
.versions a{
    display:block;
    width:80px;
    height:26px;
    padding:0 8px;
    border:1px solid #dfdfdf;
    color:#333;
    line-height:26px;
    margin:5px 0;
    border-radius:3px;
}
.drop-down:hover .download{
    display: block;
}
/* 网站导航 */
.drop-down:hover .site-map{
    display: block;
}
.site-map{
    display: none;
    position: absolute;
    left:-917px;
    width:1200px;
    height:200px;
    background-color: #fff;
    border:1px solid #dfdfdf
}
.site-map li{
    padding:0;
    height:158px;
}
.site-map h3{
    margin:20px 0 0 20px;
    font-size:16px;
    font-weight: 400;
    color:#f21c1c
}
.site-map-list{
    width:240px;
    box-sizing: border-box;
    padding:10px 0 0 20px;
}
.site-map-list a{
    display: inline-block;
    width:90px;
    height:32px;
    line-height: 32px;
    padding: 0;
    color:#333;
}
.site-map .purple{
    color:#a776d9;
}
.site-map .light-blue{
    color:#78b;
}
.site-map .light-green{
    color:#73ae37;
}
.site-map .light-red{
    color:#ff5050;
}
/* 热线电话 */
.drop-down:hover .telephone{
    display: block;
}
.telephone{
    display: none;
    position: absolute;
    width:224px;
    height:77px;
    box-sizing: border-box;
    padding:10px;
    right:0;
    border:1px solid #dfdfdf;
    background-color: #fff;
    color:#333;
}
.telephone p{
    line-height: 1.5em;
    margin-bottom:5px;
}
.telephone input{
    display:block;
    width:150px;
    padding-left:10px;
    height:30px;
    border:1px solid #ccc;
    outline:none;
}
.telephone .call{
    color:#fff;
    display:block;
    border:0;
    width:40px;
    cursor:pointer;
    background-color: #F21C1C;
    line-height: 32px;
    outline:none;
}
/* 页眉 */
.header{
    padding:25px 0 15px 0;
}
.logo-area{
    position: relative;
    width:100px;
    height:50px;
}
.logo-area img{
    width:100%;
}
.logo-area:after{
    position: absolute;
    content:'';
    width:1px;
    height:45px;
    top:5px;
    right:-35px;
    background-color:#dfdfdf ;
}
/* 城市列表 */
.citylist{
    width:125px;
    height:50px;
    margin-left:60px;
}
.site{
    position: relative;
    padding-top:6px;
}
.site span{
    font-size:15px;
}
.citylist .f25{
    position: absolute;
    font-size:25px;
    color:#F21C1C;
    top:5px;
    left:40px;
}
/* 搜索框 */
.search input{
    width:440px;
    height:34px;
    border:1px solid #f21c1c;
    padding:0 10px;
    box-sizing: border-box
}
.search button{
    background-color:#f21c1c;
    width:70px;
    height:34px;
    line-height:34px;
    cursor:pointer;
    font-size:16px;
    color:#fff;
    border:0;
}
.hot-search{
    margin-top:4px;
    color:#9c9c9c;
}
.hot-search a{
    margin-right:10px;
}
/* 购物车 */
.shopping-car{
    position: relative;
    display: block;
    width:160px;
    height:38px;
    line-height:40px;
    border:1px solid #dfdfdf;
    text-align: center;
    color:#333;
    z-index:4;
}
.shopping-car i{
    font-size:18px;
    vertical-align: -1px;
}
.shopping-car .count{
    padding: 0 3px;
    background: #f21c1c;
    color: #fff;
    height: 14px;
    line-height: 14px;
    border-radius: 14px;
}
.shopping-car:hover{
    color:#f21c1c;
}
.shopping-car:hover .shopping-block{
    display:block;
}
.shopping-block{
    display:none;
    position:absolute;
    top:38px;
    right:-1px;
    width:300px;
    height:500px;
    border:1px solid #dfdfdf;
    background-color: #fff;
}
/* 导航 */
.nav{
    position: relative;
}
.content-box{
    width:220px;
}
.content-box h4{
    height:45px;
    line-height:45px;
    background-color: #f21c1c;
    color:#fff;
    font-size:15px;
    box-sizing: border-box;
    padding:0 15px;
    font-weight: 200;
}
.white{
    color:#fff;
}
.f14{
    font-size:14px;
}
.menu-box{
    position: absolute;
    display: none;
    background-color: #db1424;
    z-index: 3;
    color:#fff
}
.content-box:hover .menu-box{
    display: block;
}
.menu-item{
    box-sizing: border-box;
    padding:10px;
    width:220px;
    height:80px;
}
.menu-item:hover{
    background-color: rgba(0,0,0,.8);
}
.menu-icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin:2px 4px 0 0;
}
.menu-item:hover .menu-open{
    display: block;
}
.sub-menu{
    margin-top:3px;
    margin-left:20px;
}
.sub-menu a{
    display:inline-block;
    margin-right:9px;
}
.menu-open{
    display:none; 
    position: absolute;
    width:760px;
    height:480px;
    top:0;
    left:220px;
    background-color: #fff;
    z-index: 3;
    border:1px solid #dfdfdf;
}
.menu-content{
    width:540px;
    height:480px;
}
.menu-list{
    padding:10px;
    line-height: 24px;
    border-bottom:1px solid #cfcfcf;
}
.classify-name{
    width:70px;
}
.classify-name a{
    color:#F21C1C;
    margin-left: 5px;
}
.classify{
    width:430px;
}
.classify a{
    color:#333;
}
.classify a:hover{
    color:#F21C1C;
}
.classify a:after{
    content: "|";
    color: #cfcfcf;
    margin:0 8px;
}
.classify a:last-child::after{
    content:""
}
.menu-pic{
    width:220px;
    height:460px;
}
/* 导航菜单 */
.nav-menu a{
    padding:0 13px;
    height:45px;
    color:#333;
    font-size:16px;
    line-height:45px;
}
.nav-menu a:hover{
    color:#f21c1c
}
.nav-menu a:nth-child(1){
    margin-left: 15px;
}
/* 红线 */
.menu-line{
    position: absolute;
    top:45px;
    left:0;
    width:100%;
    height:2px;
    background-color: #F21C1C;
    z-index:-1;
}